<!DOCTYPE html>
<html lang="en">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>YUXI涂料</title>
    <link rel="icon" ty type="image/svg+xml" href="/static/wap/images/favicon.ico"/>
    <link rel="stylesheet" type="text/css" href="/static/wap/css/swiper.css"/>
    <link rel="stylesheet" type="text/css" href="/static/wap/css/main.css?time=202310271556"/>
    <script type="text/javascript" src="/static/js/lib/jquery.min.js"></script>
    <script type="text/javascript" src="/static/js/lib/idangerous.swiper.min.js"></script>
    <script type="text/javascript" src="/static/js/lib/jquery.waypoints.min.js"></script>
    <script type="text/javascript" src="/static/js/lib/jquery.countup.min.js"></script>
    <script type="text/javascript" src="/static/js/lib/jquery.imgscroll.min.js"></script>
    <script type="text/javascript" src="/static/wap/js/main.js"></script>
    <script type="text/javascript" src="/static/wap/js/index.js"></script>
</head>
<body>
<div th:replace="${route}+'inc/header'::header('index',0)"/>
<div class="banner-container">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide" th:each="item:${bannerList}" th:if="${bannerList!=null && bannerList.size>0}"
                 th:style="${'background-image: url('''+website+'/'+item.wapImg+''')'}">
            </div>
        </div>
    </div>
    <div class="pagination"></div>
</div>

<div class="home-module-title"><p><span>产品展示</span></p>
    <p class="font-size-1rem">PRODUCT RECOMMENDATIONS</p></div>
<div class="home-product-list" th:if="${recommendProductList!=null && recommendProductList.size()>0}">
    <div class="product-item" th:each="productItem:${recommendProductList}">
        <a th:href="${productItem.detailUrl}">
            <ul>
                <li><img th:src="${website+'/'+productItem.wapSmallImg}"></li>
                <li th:text="${productItem.name}"></li>
                <li th:text="${productItem.remark}"></li>
            </ul>
        </a>
    </div>
</div>
<div class="product-more-box"><a href="/wap/self.html"> <span>查看更多</span></a></div>

<div class="new-product-box" th:if="${newProduct!=null}">
    <a th:href="${newProduct.detailUrl}">
        <ul>
            <li><img th:src="${website+'/'+newProduct.wapBanner}"></li>
            <li><p>新产品推荐</p>
                <p>New product technology display</p>
                <p th:text="${newProduct.name}"></p>
                <p>
                    型号: <span th:text="${newProduct.spec}"></span>
                    包装: <span th:text="${newProduct.packing}"></span>
                </p>
                <p th:text="${newProduct.remark}"></p>
            </li>
        </ul>
    </a>
</div>
<div class="application_field">
    <img th:if="${bottomBannerList!=null && bottomBannerList.size()>0}"
         th:src="${website+'/'+ bottomBannerList.get(0).wapImg}">
</div>

<div class="cooperate-box">
    <div class="home-module-title"><p>合作客户</p>
        <p class="font-size-75rem">我们重视我们与每一个客户的合作并与其建立长久的合作关系</p></div>
    <div class="cooperate_container">
        <div class="cooperate-client">
            <ul th:if="${partnerList!=null}">
                <li th:each="item:${partnerList}">
                    <img th:src="${website+'/'+item.wapImg}">
                </li>
            </ul>
        </div>
    </div>
</div>

<div class="home-about-box">
    <ul>
        <li>公司简介</li>
        <li>一家集研发、生产、服务为一体的国家高新技术企业</li>
        <li>
            <div class="index-about-banner"><a class="arrow arrow-left" href="javascript:;"></a><a
                    class="arrow arrow-right" href="javascript:;"></a>
                <div class="index-about-swiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide" th:each="item,itemStat:${aboutBannerList}"
                             th:if="${aboutBannerList!=null && aboutBannerList.size>0}"
                             th:style="${'background-image: url('''+website+'/'+item.wapImg+''')'}">
                            <ul>
                                <li th:text="'0'+${itemStat.index+1}"></li>
                                <li>
                                    <p th:text="${item.title}"></p>
                                    <p th:text="${item.remark}"></p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

        </li>
        <li>
            <th:block th:utext="${company.intro}"></th:block>
        </li>
        <li>
            <p>
                <span class="year">公司创建于</span>
                <span> <i class="counter" th:text="${company.createYear}"></i><i>年</i></span>
            </p>
            <p>
                <span class="squire">公司占地面积</span>
                <span> <i class="counter" th:text="${company.area}"></i><i>平方米 </i></span>
            </p>
        </li>
        <li>
            <p>
                <span class="member">公司员工</span>
                <span> <i class="counter" th:text="${company.personNum}"></i><i>+</i><i>人</i></span>
            </p>
        </li>
        <li>
            <div class="water-btn" onclick="location.href='/wap/about.html';">
                <a class="ripple-wrapper"><span>了解更多详情</span>
                </a>
            </div>
        </li>
    </ul>
</div>


<div th:replace="${route}+'inc/footer'::footer('index')"/>
</body>
</html>